<template>
  <div style="padding: 10px">
    <p>默认不换行</p>
    <d-checkbox v-model="check" :options="options" showCheckAll></d-checkbox>
    <p>换行展示</p>
    <d-checkbox v-model="check2" :options="options2" :inline="false"></d-checkbox>
  </div>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  const check = ref([false, true])
  const options = ref([
    { label: '选项1', value: false },
    { label: '选项2', value: true }
  ])
  const check2 = ref([])
  const options2 = ref([
    { label: '换行1', value: 1 },
    { label: '换行2', value: 2 },
    { label: '换行3', value: 3 },
    { label: '换行4', value: 4 }
  ])
</script>
